<html>
<style>
  body { margin-top:10px; background:#25569A}  
  #admincontrol {
    width:100%; 
	height:100%; 
	margin-top:200px;
	cursor:hand
  }
</style>

<head>
<SCRIPT language=Javascript>
function controlLeft()
{
    var centerfrm = parent.document.getElementById('centerfrm');
    var control   = document.getElementById("control");
	filename = control.src;
	pos = filename.lastIndexOf("/")+1;
	filename = filename.substring(pos);
    if(filename == "arrowleft.gif")
    {
        centerfrm.cols = "0,10,*";
        control.src    = "../templates/images/arrowright.gif";
    }
    else
    {
        centerfrm.cols = "150,10,*";
        control.src    = "../templates/images/arrowleft.gif";
    }
}
</SCRIPT>
</head>
<BODY style="MARGIN: 0px;border-left:1px solid #000;">
 <DIV id="admincontrol" valign="middle">
   <IMG id="control" onClick="controlLeft();" src="../templates/images/arrowleft.gif" style="cursor:hand">
 </DIV>
</BODY>
</HTML>